<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        #aa {
            display: flex;
            align-items: center;
        }
        
        #bb {
            float: right;
        }
    </style>
</head>

<body>
    <div id="">
        <h3>工作简历</h3>
        <hr>
        <div id="workAll"></div>

        <div id="bb">
            <a href="#" onclick="addWork();">添加工作经历</a>
        </div>
    </div>
</body>
<script>
    function delWork(event) {
        var workAllObj = document.getElementById('workAll');
        var delTarget = event.target.parentElement;
        workAllObj.removeChild(delTarget)
    }

    function addWork() {
        var workAllobj = document.getElementById('workAll');
        var newDiv = document.createElement('div');
        newDiv.innerHTML = `公司名称：<input type="" value=""> 
							名字：<input type="" value="">
            				<a href="#" onclick="delWork(event);">删除工作经历</a>
							<div id="aa"> 
            					工作职责及工作内容描述: <textarea name="" id="" cols="30" rows="10"></textarea>
        					</div>
       	 					<hr>`
        workAllobj.appendChild(newDiv)
    }
    onload = function() {
        addWork();
    }
</script>

</html>